<template>
<div class="Gift">
  <div class="cards_box" v-for="(v,i) in arr" :key="i">
      <img :src="v.cards_img" alt="">
        <p>{{v.text}}</p>
  </div>
</div>
  
</template>

<script>
export default {
    data(){
        return{
            arr:[
                {cards_img:"myimg/giftcards/liluxiu1.png",text:"利路修·生椰够饮"},
                {cards_img:"myimg/giftcards/2.png",text:"利路修·椰青回"},
                {cards_img:"myimg/giftcards/4.png",text:"夏日快乐水"},
                {cards_img:"myimg/giftcards/6.png",text:"夏日瑞纳冰"},
                {cards_img:"myimg/giftcards/5.png",text:"心动时刻"},
                {cards_img:"myimg/giftcards/5.png",text:"甜蜜时刻"},
                {cards_img:"myimg/giftcards/liluxiu1.png",text:"利路修·生椰够饮"},
                {cards_img:"myimg/giftcards/2.png",text:"利路修·椰青回"},
                {cards_img:"myimg/giftcards/4.png",text:"夏日快乐水"},
                {cards_img:"myimg/giftcards/6.png",text:"夏日瑞纳冰"},
                {cards_img:"myimg/giftcards/5.png",text:"心动时刻"},
                {cards_img:"myimg/giftcards/5.png",text:"甜蜜时刻"},
                {cards_img:"myimg/giftcards/liluxiu1.png",text:"利路修·生椰够饮"},
                {cards_img:"myimg/giftcards/2.png",text:"利路修·椰青回"},
                {cards_img:"myimg/giftcards/4.png",text:"夏日快乐水"},
                {cards_img:"myimg/giftcards/6.png",text:"夏日瑞纳冰"},
                {cards_img:"myimg/giftcards/5.png",text:"心动时刻"},
                {cards_img:"myimg/giftcards/5.png",text:"甜蜜时刻"},
            ]
        }
    }
}
</script>

<style scoped>
.Gift{
  width: 3.75rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cards_box{
  width: 1.7rem;
  height: 1.3rem;
  display: flex;
  flex-direction: column;
  border-radius: 0.05rem;
  /* border: 1px solid red; */
  margin: 0.07rem 0.05rem;
}
.cards_box img{
  width: 1.7rem;
  height: 1.07rem;
  border-top-left-radius:0.05rem ;
  border-top-right-radius: 0.05rem;
  /* overflow: hidden; */
}
.cards_box p{
  font-size: 0.12rem;
  text-align: center;
  color: #616161;
  height: 0.22rem;
  line-height: 0.22rem;
  background-color: white;
  border-bottom-left-radius: 0.05rem;
  border-bottom-right-radius: 0.05rem;
}
</style>